<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="js/axios.js"></script>
    <script>
        //axios请求参数传递
        // 1. get请求传参
        //  1.1  通过传统的url  以 ? 的形式传递参数
        axios.get('http:localhost:3000/axios?id=123').then(function(ret) {

            console.log(ret.data);
        });
        // 1.2  restful 形式传递参数
        axios.get('http:localhost:3000/axios/123').then(function(ret) {
            console.log(ret.data);
        });
        //1.3  通过params  形式传递参数
        axios.get('http:localhost:3000/axios', {
            params: {
                id: 789
            }
        }).then(function(ret) {
            console.log(ret.data);
        });
        // 2 axios delete 请求传参  传参的形式和 get 请求一样
        axios.get('http:localhost:3000/axios', {
            params: {
                id: 111
            }
        }).then(function(ret) {
            console.log(ret.data);
        });
        // 3  axios 的 post 请求
        // 3.1  通过选项传递参数
        axios.get('http:localhost:3000/axios', {
            uname: 'lisa',
            pwd: 123
        }).then(function(ret) {
            console.log(ret.data);
        });

        // 3.2  通过 URLSearchParams  传递参数 
        var params = new URLSearchParams();
        params.append('uname', 'zhangsan');
        params.append('pwd', '123');
        axios.post('http:localhost:3000/axios', params).then(function(ret) {
            console.log(ret.data);
        });
        //4  axios put 请求传参   和 post 请求一样
        axios.put('http://localhost:3000/axios/123', {
            uname: 'lisa',
            pwd: 123
        }).then(function(ret) {
            console.log(ret.data)
        })
    </script>
</body>

</html>